<template>
   <div class="sec-top row">
    <form class="form-inline col-sm-8" @submit.prevent="getList">
      <div class="form-group form-group-sm">
        <a v-link="{path: '/'}" class="btn btn-sm btn-primary">返回</a>
      </div>
    </form>
  </div>
  <table class="table table-bordered table-hover">
    <caption>投顾团队报名列表</caption>
    <thead>
      <tr>
        <th>姓名</th>
        <th class="col-xs-3">用户头像</th>
        <th >执业编号</th>
        <th class="col-xs-3">名片</th>
        <th >操作</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in list">
        <td class="col-nowrap">{{item.name}}<br></td>
        <td class="col-nowrap"><img :src="item.headPicUrl"><br></td>
        <td :class="{'red': +item.isExist !==1}">
            <input type="text" v-model="item.certificateNo" >
            <button @click="updateCertificateNo(item)" class="btn btn-sm btn-primary">更新</button>
        </td>
        <td><img v-if="item.cardPicUrl" @click="openPicPage(item.cardPicUrl)" :src="item.cardPicUrl"></td>
        <td class="text-right col-nowrap">
          <button @click="deleteItem(item.id)" class="btn btn-sm btn-danger" >删除</button>
        </td>
      </tr>
    </tbody>
  </table>
</template>
<style src="./team-list.css" scoped></style>
<script src="./team-list.js"></script>